<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<link
		href="#{facesContext.externalContext.requestContextPath}/css/accounttable.css"
		rel="stylesheet" type="text/css" />
	<title>Tobsns FIBU</title>
	<!--<meta http-equiv="refresh" content="1;url=counter.jsf" />
-->
</h:head>
<h:body>
	<div align="center">
		<h1>Tobsns FIBU</h1>

		<fieldset>
			<legend>Neus Konto</legend>
			<h:form>
				<h:messages style="color:RED" />
				<h:outputText value="IBAN: " />
				<h:inputText id="IDIbanInput" value="#{accountBean.iban}"
					display="mutable">
				</h:inputText>

				<br />

				<h:outputText value="Name: " />
				<h:inputText id="IDAccountNameInput"
					value="#{accountBean.accountName}" display="mutable">
				</h:inputText>

				<br />

				<h:commandButton value="Speichere" action="#{accountBean.save}" />

				<br />
				<br />
				<br />

				<h:dataTable id="IDAccountTable" value="#{accountBean.accountList}"
					var="item" bgcolor="lightgreen" border="3" rows="6">
					<f:facet name="header">
						<h:outputText value="Kontos" />
					</f:facet>
					<h:column>
						<f:facet name="header">
							<h:outputText value="IBAN" />
						</f:facet>
						<h:outputText value="#{item.iban}" />
					</h:column>

					<h:column>
						<f:facet name="header">
							<h:outputText value="Name" />
						</f:facet>
						<h:outputText value="#{item.accountName}" />
					</h:column>

				</h:dataTable>

				<br />
				<br />

				<h:commandLink value="Zrugg" action="#{accountBean.showFibu}"
					immediate="true" />
			</h:form>
		</fieldset>
	</div>
</h:body>
</html>